<%@ page contentType="text/html;charset=UTF-8" language="java"  pageEncoding="UTF-8"  %>
<html lang="zh_CN">

<head>
    <title>Title</title>
    <link href="${pageContext.request.contextPath}/js/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
    <script type="application/javascript" src="${pageContext.request.contextPath}/js/jquery-3.2.1.js"></script>
    <script type="application/javascript" src="${pageContext.request.contextPath}/js/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
    <script type="application/javascript">

    </script>
</head>
<body>
<h2>Hello World!</h2>
</body>

<%--顶部区--%>
<nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="navbar-collapse collapse">
        <ul class="nav navbar-nav navbar-right">
            <li><a>修改密码</a></li><li><a>注销</a></li>
        </ul>
    </div>
</nav>
<div class="container">
    <div class="row">

        <%--左边菜单栏--%>
        <div class="col-sm-3 col-md-2 sidebar">
            <ul class="nav nav-sidebar">
                <li class="active"><a href="#">Overview <span class="sr-only">(current)</span></a></li>
                <li><a href="${pageContext.request.contextPath}/user/listUser">用户管理</a></li>
                <li><a href="#">Analytics</a></li>
                <li><a href="#">Export</a></li>
            </ul>
            <ul class="nav nav-sidebar">
                <li><a href="">Nav item</a></li>
                <li><a href="">Nav item again</a></li>
                <li><a href="">One more nav</a></li>
                <li><a href="">Another nav item</a></li>
                <li><a href="">More navigation</a></li>
            </ul>
            <ul class="nav nav-sidebar">
                <li><a href="">Nav item again</a></li>
                <li><a href="">One more nav</a></li>
                <li><a href="">Another nav item</a></li>
            </ul>
        </div>
        <%--右边数据区--%>
        <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">

                <table class="table-responsive">
                    <thead>
                    <tr>
                        <th>用户ID</th><th>姓名</th><th>年龄</th>
                    </tr>
                    </thead>

                </table>

        </div>

    </div>
</div>

<footer class="footer">
    <div class="container">
        <p class="text-muted">军哥软件工作室</p>
    </div>
</footer>
</html>
